<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title></title>
	<meta name="viewport" content="
	width=device-width,initial-scale=1.0,user-scalable=0,maximum-scale=1.0">
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="hammer.js"></script>
	<script src="js/1.js"></script>

	
</head>
<body>
	<div id="box">
		<header class="content">
			<div class="w_header">
				<a href="javascript:;" class="a-header fl"></a>
				<input type="text" class="w_search fr" placeholder="搜索"/>
				<span class="header-span"></span>
			</div>
		</header>
		<section class="content">
			<div class="w_center">
				<div class="fl">
					<div class="w_center-left"></div>
					<a href="javascript:;" class="a-left">计算机</a>
				</div>
				<div class="fr">
					<a href="javascript:;" class="a-right" id="aa">综合</a>
					
					<div class="w_right"></div>
				</div>
			</div>
		</section>
		<div class="content section1">
			<ul class="section1-ul">
				<li>
					<img src="image/1.png" alt="" class="I-1"/>
					<div class="msg">
						<p>“互联网+”时代教师个人知识管理</p>
						<i>爱课程</i>
						<div class="msg-login">
							<img src="image/login.png" class="login"><span class="num">3008</span>
						</div>
						<div class="msg-watch">
							<img src="image/watch.png" class="watch"><span class="time">2017-06-07开课</span>
						</div>
					</div>
				</li>
				<li>
					<img src="image/2.png" alt="" class="I-1"/>
					<div class="msg">
						<p>“互联网+”时代教师个人知识管理</p>
						<i>爱课程</i>
						<div class="msg-login">
							<img src="image/login.png" class="login"><span class="num">3008</span>
						</div>
						<div class="msg-watch">
							<img src="image/watch.png" class="watch"><span class="time">2017-06-07开课</span>
						</div>
					</div>
				</li>
				<li>
					<img src="image/3.png" alt="" class="I-1"/>
					<div class="msg">
						<p>“互联网+”时代教师个人知识管理</p>
						<i>爱课程</i>
						<div class="msg-login">
							<img src="image/login.png" class="login"><span class="num">3008</span>
						</div>
						<div class="msg-watch">
							<img src="image/watch.png" class="watch"><span class="time">2017-06-07开课</span>
						</div>
					</div>
				</li>
				<li>
					<img src="image/4.png" alt="" class="I-1"/>
					<div class="msg">
						<p>“互联网+”时代教师个人知识管理</p>
						<i>爱课程</i>
						<div class="msg-login">
							<img src="image/login.png" class="login"><span class="num">3008</span>
						</div>
						<div class="msg-watch">
							<img src="image/watch.png" class="watch"><span class="time">2017-06-07开课</span>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="z_slide" id="box2">
		<header class="content">
			<div class="w_header">
				<a href="javascript:;" class="a-header fl"></a>
				<input type="text" class="w_search fr" placeholder="搜索"/>
				<span class="header-span"></span>
			</div>
		</header>
		<section class="content">
			<div class="w_center">
				<div class="fl">
					<div class="w_center-left"></div>
					<a href="javascript:;" class="a-left">计算机</a>
				</div>
				<div class="fr">
					<a href="javascript:;" class="a-right" id="aa2">收起</a>
					
					<div class="w_right"></div>
				</div>
			</div>
		</section>
		<div class="footer1 content">
			<span class="span1 fl">状态</span>
			<ul class="ul1 fr">
				<li class="active">全部</li>
				<li>正在进行</li>
				<li>即将开始</li>
				<li>已结束</li>
			</ul>
		</div>
		<div class="footer2 content">
			<span class="span1 fl">排序</span>
			<ul class="ul1 fl">
				<li class="active">综合</li>
				<li>热门</li>
				<li>最新</li>
			</ul>
		</div>
	</div>
	<div id="box3">
			<div class="first">
				<div class="box3_con">
					<span class="first-span fl"></span>
					<i class="first-i fl">全部课程</i>
					<a href="javascript:;" class="first-b fr">&gt</a>
				</div>
			</div>
			<div class="first">
				<div class="box3_con">
					<span class="first-span1 fl"></span>
					<i class="first-i fl" style="color:#55b929">计算机</i>
					<a href="#" class="first-b fr">&gt</a>
				</div>
			</div>
			<div class="three">
				<div class="box3_con">
					<span class="first-span2 fl"></span>
					<i class="first-i fl">经济管理</i>
					<a href="#" class="first-b fr">&gt</a>
				</div>
			</div>
			<div class="four">
				<div class="box3_con">
					<b>经济学</b>
					<b>金融学</b>
				</div>
			</div>

	</div>
</body>
</html>